<!doctype html>
<html lang="en">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<title>Flappy Bird</title>
	<script type="application/javascript" src="./WeixinApi.js"></script>
	<script type='application/javascript' src="./fastclick.js"></script>	
	<link rel="icon" href="./images/bird.ico">
</head>
<style>
	@font-face {
		font-family: "Press Start 2P";
		src: url("PressStart2P.ttf") format('truetype');
	}

	* {
		cursor: pointer;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		-webkit-tap-highlight-color: transparent;
	}

	::selection {
		background: transparent;
	}

	::-moz-selection {
		background: transparent;
	}

	.option,
	.mode {
		display: inline-block;
		width: 70px;
		height: 20px;
		background: rgba(255, 255, 255, 0.6);
		position: absolute;
		top: 2px;
		text-align: center;
		font-size: 11px;
		font-family: "Press Start 2P";
		padding-top: 5px;
		z-index: 2;
	}

	.option:hover,
	.mode:hover {
		background: #fff;
	}

	#modes {
		position: absolute;
		top: 28px;
	}

	#easy,
	#flashlight {
		left: 2px;
	}

	#home{
		left: 74px;
	}

	#normal,
	#hidden {
		left: 74px;
	}

	#hard {
		left: 146px;
	}

	canvas {
		-webkit-tap-highlight-color: transparent;
	}
</style>

<body style="padding:0;margin:0;outline:0;overflow:hidden">
	<canvas id="canvas">你的浏览器太老了 =_=||</canvas>
	<div id="easy" class="option" style="box-shadow:0 0 0 2px #165CF3">easy</div>
	<div id="normal" class="option">normal</div>
	<div id="hard" class="option">hard</div>
	<br />
	<div id="modes">
		<div id="flashlight" class="mode">FL</div>
		<!-- <div id="hidden" class="mode">HD</div> -->
		<div id="home" class="mode">
			<button id="home-btn" style="display: none;" onclick="location.href='/'"></button>
			<a href="javascript:#;" onclick="trigger_to_home()" title="go_to_home">HOME</a>
		</div>
	</div>
	<script type="application/javascript" src="fb.js"></script>
	<script type="application/javascript" src="jquery.min.js"></script>
	<script>
		(function (i, s, o, g, r, a, m) {
			i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
				(i[r].q = i[r].q || []).push(arguments)
			}, i[r].l = 1 * new Date(); a = s.createElement(o),
				m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
		})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

		ga('create', 'UA-54479859-1', 'auto');
		ga('send', 'pageview');

		window.trigger_to_home = function () {
			$("#home-btn").click();
		}

	</script>
</body>

</html>